<template>
  <div class="smart-home">

    <!-- 面包屑 -->
    <el-card class="box-card box-card-bgcolor">
      <el-breadcrumb separator="/" class="breadcrumb">
        <el-breadcrumb-item :to="{ path: '/main/home' }">当前位置：首页</el-breadcrumb-item>
        <el-breadcrumb-item>厂商信息管理</el-breadcrumb-item>
        <el-breadcrumb-item>注册厂商统计</el-breadcrumb-item>
      </el-breadcrumb>
    </el-card>
    <!-- 待处理事项： -->
    <el-card class="box-card box-card-bgcolor">
      <div slot="header" class="clearfix">
        <i class="el-icon-edit-outline icon-home"></i>
        <span class="home-title-text blue">待处理事项：</span>
      </div>
      <div class="text item">
        <div class="pending-items">
          <i class="el-icon-edit icon-home"></i>
          <p class="home-title-text">
            待审核用户：
            <router-link to="/main/FactoryInfoManage/registeCheck" tag="span" class="clicktosee">点击查看</router-link>
          </p>
        </div>
      </div>
      <div class="text item">
        <div class="pending-items">
          <i class="el-icon-edit icon-home"></i>
          <p class="home-title-text">
            待审核设备：
            <router-link to="/main/FrontedEquipment/equipmentCheck" tag="span" class="clicktosee">点击查看</router-link>
          </p>
        </div>
      </div>
    </el-card>

    <!-- 平台信息 -->
    <el-card class="box-card box-card-bgcolor">
      <div slot="header" class="clearfix">
        <i class="el-icon-edit-outline icon-home"></i>
        <span class="home-title-text blue">平台信息：</span>
      </div>
      <el-row :gutter="12" class="text item2">
        <el-col :span="8" class="home-items-col">
          <el-card shadow="hover" class="home-terace-info">
            <i class="home-icon-info" v-html="icon1"></i>
            <ul>
              <li>在线人数</li>
              <!-- <li>在线人数</li> -->
              <router-link tag="li" to="/main/SystemInfo/systemRunninginfo">查看详情</router-link>
            </ul>
          </el-card>
        </el-col>
        <el-col :span="8">
          <el-card shadow="hover" class="home-terace-info">
            <i class="home-icon-info" v-html="icon2"></i>
            <ul>
              <li>新增人数</li>
              <!-- <li>在线人数</li> -->
              <router-link tag="li" to="/main/UsersMange/usersTotal">查看详情</router-link>
            </ul>
          </el-card>
        </el-col>
        <el-col :span="8">
          <el-card shadow="hover" class="home-terace-info">
            <i class="home-icon-info" v-html="icon3"></i>
            <ul>
              <li>新增设备</li>
              <!-- <li>在线人数</li> -->
              <router-link tag="li" to="/main/FrontedEquipment/equipmentTotal">查看详情</router-link>
            </ul>
          </el-card>
        </el-col>
      </el-row>
    </el-card>

    <!-- 关于版本 -->
    <el-card class="box-card box-card-bgcolor">
      <div slot="header" class="clearfix">
        <i class="el-icon-document icon-home"></i>
        <span class="home-title-text blue">关于版本：</span>
      </div>
      <div class="text item">
        <div class="pending-items">
          <i class="el-icon-edit icon-home"></i>
          <p class="home-title-text">
           您当前使用的版本：2.0（暂无更新）
          </p>
        </div>
      </div>
      <div class="text item">
        <div class="pending-items">
          <i class="el-icon-edit icon-home"></i>
          <p class="home-title-text">
            想了解更多，请登录官网：www.xxx.com
          </p>
        </div>
      </div>
    </el-card>

  </div>
</template>

<script>
export default {
  data(){
    return{
      icon1:"&#xe653;",
      icon2:"&#xe6b6;",
      icon3:"&#xe619;"
    }
  }

}
</script>

<style scoped lang="scss">
  @import '@/assets/css/home.scss'
</style>
